<template>
  <div class="search">
    <el-card class="search-card">
      <el-form :inline="true">
        <slot name="left-search" />
        <slot name="right-search" />
        <el-button type="primary" class="search-btn" icon="el-icon-search" @click="search">查询</el-button>
      </el-form>
    </el-card>
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  props: {
  },
  data() {
    return {
    }
  },
  computed: {},
  watch: {},
  created() {},
  methods: {
    search() {
      this.$emit('search')
    }
  }
}
</script>

<style scoped lang='less'>
.search-btn{
  position: relative;
  top: -2px;
    align-items: center;
    min-width: 80px;
    height: 36px;
    padding: 0;
    background-color: #5f84ff;
    border: none;
}
/deep/.el-card__body{
  padding: 0 0 0 20px!important;
  .el-open{
  color: #606266!important;
  }
  .el-input__inner{
    margin-top: 10px;
  }
   .el-select__caret {
     position: relative;
     top: 5px;
    }
    .el-form-item__label{
    vertical-align: middle;
    float: left;
    line-height: 64px;
    font-size: 14px!important;
    color: #606266!important;
    box-sizing: border-box;
    font-weight: 400;
    padding: unset;
    }
}
.search {
    display: flex;
    height: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    background-color: #fff;
    line-height: 64px;
     width: 100%;
    .search-card{
     width: 100%;
     height: 64px;
    line-height: 64px;
   }
}
</style>
